<style>
.normal{ldelim}
display:none;
{rdelim}
</style>
<div id="page-heading">
	<h1>{$title}</h1>	
</div>
<table border="0" width="80%" cellpadding="0" cellspacing="0" id="product-table">
	<tr>
		<th colspan="2" align="left" class="table-header-repeat line-left"><img src="images/icons/add.png" />Add New</th>
	</tr>
        <tr>
		<td width="20%">User Type</td>
		<td><select name="user_type" id="user_type">
		<option value="">Select user type</option>
		<option  value="1">Normal User</option>
		<option selected value="2">Business User</option>
		</select>
		</td>

	</tr>
	<tr>
		<td width="20%">Email</td>
		<td width="60%"><input type="text" name="user_email" id="user_email" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
	
	<tr>
		<td width="20%">Password</td>
		<td width="60%"><input type="text" name="user_passwd" id="user_passwd" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
	<tr>
		<td width="20%">Confirm Password</td>
		<td width="60%"><input type="text" name="confirm_user_passwd" id="confirm_user_passwd" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
        <tr>
		<td width="20%">Security Question</td>
		<td width="60%"><input type="text" name="secret_question" id="secret_question" value="" class="inp-form" style="width: 500px;" /></td>
	</tr> 
	  <tr>
		<td width="20%">Security Answer</td>
		<td width="60%"><input type="text" name="secret_answer" id="secret_answer" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
        <tr >
		<td width="20%">First Name</td>
		<td width="60%"><input type="text" name="user_firstname" id="user_firstname" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
	<tr>
		<td width="20%">Last Name</td>
		<td width="60%"><input type="text" name="user_lastname" id="user_lastname" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
        
        <tr class="business">
		<td width="20%">Designation</td>
		<td width="60%"><input type="text" name="Designation" id="Designation" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
        
        <tr class="business">
		<td width="20%">Company Name</td>
		<td width="60%"><input type="text" name="companyname" id="companyname" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
        <tr class="business">
		<td width="20%">Company Address</td>
		<td width="60%"><input type="text" name="companyaddress" id="companyaddress" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
        <tr>
		<td width="20%">Tel No</td>
		<td width="60%"><input type="text" name="user_phone" id="user_phone" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
        <tr class="business">
		<td width="20%">Fax:</td>
		<td width="60%"><input type="text" name="user_fax" id="user_fax" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
         <tr class="business">
		<td width="20%">Type Of Business:</td>
		<td width="60%"><input type="text" name="typeofbusiness" id="typeofbusiness" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
         <tr class="business">
		<td width="20%">Business Registration:</td>
		<td width="60%"><input type="text" name="businessregistration" id="businessregistration" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
         <tr class="business">
		<td width="20%">Industry:</td>
		<td width="60%"><input type="text" name="industry" id="industry" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
         <tr class="business">
		<td width="20%">Preffered Payment:</td>
		<td width="60%"><input type="text" name="prefferedpayment" id="prefferedpayment" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
        <tr class="normal">
		<td width="20%">Profession:</td>
		<td width="60%"><input type="text" name="profession" id="profession" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
        <tr class="normal">
		<td width="20%">Contact Address:</td>
		<td width="60%"><input type="text" name="user_address" id="user_address" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
        <tr class="normal">
		<td width="20%">NIC no:</td>
		<td width="60%"><input type="text" name="nicno" id="nicno" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
	<tr>
		<td>Status</td>
		<td><select name="cmbStatus" id="cmbStatus">
		<option value="">Select Status</option>
		<option  value="1">Show</option>
		<option value="0">Hide</option>
		</select>
		</td>
	</tr>
	<tr>
	<td>&nbsp;</td>
	<td><div class="edit-icoset"><a href="javascript: void(0);" onclick="saveUser();"><img src="images/icons/save-2.gif" />Save</a></td>
	</tr>
</table>
<script language="javascript">
$(document).ready(function () {ldelim}
       $('#user_type').change(function() {ldelim}
        if ($(this).val() == "2") {ldelim}
            $(".business").show();
             $(".normal").hide();
         {rdelim}
        else{ldelim}
            $(".business").hide();
            $(".normal").show();
         {rdelim}
 {rdelim});
 {rdelim});
</script>